<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/app.css"/>
		<style type="text/css">
			.bankCard{display: block; background:url(image/bankImg.png) no-repeat;background-size: 100% 100%;width: 100%;padding:17px 12px; height:150px;border-radius: 12px;margin-bottom: 15px;box-sizing: border-box;}
			.bankName{font-size:16px ;line-height: 21px;}
			.bankClass{font-size:12px ;line-height: 21px;}
			.bankCard p{background: none;color: #FFFFFF;line-height: 16px;}
			.bankNum{margin: 33px 0  0 50px;font-size: 30px;}
			.bankCardApp{display: flex;justify-content: center;align-items: center;width: 100%;padding:17px 12px;height:150px;border-radius: 12px;margin-bottom: 15px;box-sizing: border-box;background: #F5F5F5;}
			.bankCardApp p{background: none;font-size: 22px;color: #ACAAAA;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的银行卡</h1>
		</header>
		<div class="mui-content">
		    <div class="mui-content-padded" style="margin-top: 40px;">
		    	<a class="bankCard">
		    		<p class="bankName">民生银行</p>
		    		<p class="bankClass">储蓄卡</p>
		    		<p class="bankNum">****  **** **** 4293</p>
		    	</a>
		    	<a class="bankCardApp">
		    		<p><span style="font-size: 40px;background: none;margin-right: 20px;float: left;">+</span><span style="background: none;">添加银行卡</span></p>
		    	</a>
		    </div>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>